﻿<%@ Page Language="C#"  MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Form.aspx.cs" Inherits="Form" %>

<asp:Content ID="Content1" ContentPlaceHolderID="SectionPlaceHolder" Runat="Server" >

    <!-- Buttons to navigate between edit profile sections -->
    <asp:button runat="server" onclick="editProfileClick" text="Edit Profile" CssClass="content_btn" BackColor="White" Height="30"
                CausesValidation="false" BorderStyle="None" BorderWidth="0px" Font-Underline="True" ForeColor="Black" />
    <asp:button runat="server" onclick="editMultimediaClick" text="Edit Multimedia" CssClass="content_btn" BackColor="#627AAD"
                CausesValidation="false" BorderStyle="None" BorderWidth="0px" Font-Underline="True" ForeColor="White" />
    <asp:button runat="server" onclick="editCurriculumVitaeClick" text="Edit CV" CssClass="content_btn" BackColor="#627AAD"
                CausesValidation="false" BorderStyle="None" BorderWidth="0px" Font-Underline="True" ForeColor="White" />

</asp:Content>

<asp:Content ID="Content4" ContentPlaceHolderID="ProfilePlaceHolder" Runat="Server" >

    <!-- You are currently editing your profile box. -->
    <div style="background-color: #EDEFF4;border-style: double;border-width: 1px;color: Black">
         &nbsp;
         <asp:image runat="server" id="editImage" width="16" height="16"  imageurl="Images/editmode.png" />
         &nbsp;
         <asp:label runat="server" text="You are currently editing your profile." />
         &nbsp;
    </div>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="MainContentPlaceHolder" Runat="Server" >

<!-- This defines all the data input fields and validation logic -->

        <b><h2>Account Sign Up</h2></b>
        <p>
            Lutefisk is free and easy to use! Connect with other musicians and search for new friends! It's that easy!
        </p>
        <br /><br />

        <!-- Gather Basic User information for Profile -->

        <div class='headerLightStyle'>Profile Information</div> <br />
        
        <%-- User NAME --%>
        <div style='height:35px'>
           <div style='width:75px;float:left;text-align:right'>
               NAME:
           </div> 
           <div style='float:left'>
               <asp:TextBox id="nameBox" runat="server" />
               <asp:RequiredFieldValidator ID="RequiredFieldValidator2" Runat="Server"
                ControlToValidate="nameBox"
                Display="Dynamic"
                ErrorMessage="Please enter some data!" Text="*"> </asp:RequiredFieldValidator>
                       
                <asp:RegularExpressionValidator id="reg2" 
                ErrorMessage="Please Enter Fewer Characters"
                controltovalidate="nameBox" runat="server" 
                validationexpression="^[\s\S]{0,50}$" 
                Text="*"></asp:RegularExpressionValidator>
            </div>
        
        </div>

        <%-- User Label affiliation --%>
         <div style='height:35px'>
           <div style='width:75px;float:left;text-align:right'>
               LABEL:
           </div>
           <div style='float:left'> 
               <asp:TextBox id="labelBox" runat="server" />
               <asp:RequiredFieldValidator ID="RequiredFieldValidator3" Runat="Server"
                ControlToValidate="labelBox"
                Display="Dynamic"
                ErrorMessage="Please enter some data!"
                Text="*"></asp:RequiredFieldValidator>
            
                <asp:RegularExpressionValidator id="reg3" 
                controltovalidate="labelBox" runat="server" 
                validationexpression="^[\s\S]{0,50}$" 
                ErrorMessage="Please Enter fewer Characters" 
                Text="*"></asp:RegularExpressionValidator>
            </div>

        </div>
     
        <%-- Website --%>
        <div style='height:35px'>
           <div style='width:75px;float:left;text-align:right'>
               WEBSITE:
           </div>
           <div style='float:left'> 
               <asp:TextBox id="websiteBox" runat="server" />
               <asp:RequiredFieldValidator ID="RequiredFieldValidator5" Runat="Server"
               ControlToValidate="websiteBox"
               Display="Dynamic"
               ErrorMessage="Please enter some data!"
               Text="*"></asp:RequiredFieldValidator>
            
                <asp:RegularExpressionValidator id="reg5" 
                controltovalidate="websiteBox" runat="server" 
                validationexpression="^[\s\S]{0,999}$" 
                Text="*" ErrorMessage="Please Enter fewer Characters" ></asp:RegularExpressionValidator>
            </div>

        </div>

        <%-- Picture --%>
        <div style='height:35px'>
           <div style='width:75px;float:left;text-align:right'>
               Picture:
           </div>
           <div style='float:left'> 
               <asp:TextBox id="pictureBox" runat="server" />
               <asp:RequiredFieldValidator ID="RequiredFieldValidator15" Runat="Server"
               ControlToValidate="pictureBox"
               Display="Dynamic"
               ErrorMessage="Please enter some data!" Text="*"></asp:RequiredFieldValidator>
            
                <asp:RegularExpressionValidator 
                id="reg15" controltovalidate="pictureBox" 
                runat="server" validationexpression="^[\s\S]{0,999}$" 
                Text="*" ErrorMessage="Please Enter fewer Characters"></asp:RegularExpressionValidator>
            </div>

        </div>
        
<!-- Collect detailed information from the user -->

        <div class="headerLightStyle">Tell the world more!!</div> <br />
        In this section, you can tell the Lutefisk Community more about yourself and your band. This is a great way to 
        help people get to know your band.<br />
        <br /><br />

        <%-- BIO --%>
        <div style="font-weight:bold">Biography:</div>
        <div> 
           <asp:TextBox id="bioBox" runat="server" textmode="MultiLine" Columns="50" Rows="5"/>
           <asp:RequiredFieldValidator ID="RequiredFieldValidator4" Runat="Server"
            ControlToValidate="bioBox"
            Display="Dynamic"
            ErrorMessage="Please enter some data!" Text="*"></asp:RequiredFieldValidator>
        
                <asp:RegularExpressionValidator id="reg4" 
                controltovalidate="bioBox" runat="server" 
                validationexpression="^[\s\S]{0,8000}$" text="*" 
                ErrorMessage="Please Enter Fewer Characters"></asp:RegularExpressionValidator>
            </div>

        <br />

        <%-- EXPERIENCE --%>
        <div style="font-weight:bold">Experience:</div>
        <div> 
           <asp:TextBox id="experienceBox" runat="server" textmode="MultiLine" Columns="50" Rows="5"/>
           <asp:RequiredFieldValidator ID="RequiredFieldValidator6" Runat="Server"
            ControlToValidate="experienceBox"
            Display="Dynamic"
            ErrorMessage="Please enter some data!" Text="*" ></asp:RequiredFieldValidator>
        
                <asp:RegularExpressionValidator id="reg6" 
                controltovalidate="experienceBox" runat="server" 
                validationexpression="^[\s\S]{0,7999}$" text="*" 
                ErrorMessage="Please Enter Fewer Characters"></asp:RegularExpressionValidator>
        </div>

        <br />

        <%-- Influences --%>
        <div style="font-weight:bold">Influences:</div>
        <div>
           <asp:TextBox id="influencesBox" runat="server" textmode="MultiLine" columns="50" Rows="5"/>
           <asp:RequiredFieldValidator ID="RequiredFieldValidator7" Runat="Server"
            ControlToValidate="influencesBox"
            Display="Dynamic"
            ErrorMessage="Please enter some data!" Text="*"></asp:RequiredFieldValidator>
        
                <asp:RegularExpressionValidator id="reg7" 
                controltovalidate="influencesBox" runat="server" 
                validationexpression="^[\s\S]{0,8000}$" text="*" 
                ErrorMessage="Please Enter Fewer Characters"></asp:RegularExpressionValidator>
        </div>

        <br />

        <!-- Tag Creation -->

        <div class='headerLightStyle'>Let the world find you!</div>
        Tags are a great way for people to search for your Lutefisk Profile. Enter several tags describing 
        your style of music. Each tag <b>MUST</b> be seperated by a comma. <br /><br />
        <span style="font-style:italic; font-size:small; text-align:center">
            Example: Gypsy Punk,Rock,Eclectic </span>
        <br /><br />

        <%-- TAGS --%>
        <div style='height:35px'>
           <div style='width:50px;float:left;text-align:right'>
               TAGS:
           </div>
           <div style='float:left'> 
           <asp:TextBox id="tagsBox" runat="server" />
           <asp:RequiredFieldValidator ID="RequiredFieldValidator8" Runat="Server"
            ControlToValidate="tagsBox"
            Display="Dynamic"
            ErrorMessage="Please enter some data!" Text="*"></asp:RequiredFieldValidator>
        
                <asp:RegularExpressionValidator id="reg8" 
                controltovalidate="tagsBox" runat="server" 
                validationexpression="^[\s\S]{0,70}$" text="*" 
                ErrorMessage="Please Enter Fewer Characters"></asp:RegularExpressionValidator>
                            
                <asp:CustomValidator ID="CustomValidator1"
                ControlToValidate="tagsBox"
                OnServerValidate="checkTags"
                Text="*" runat="server"
                ErrorMessage="Please use commas" ></asp:CustomValidator> 
            
            </div>

        </div>
        
        <!-- User Submission buttons -->
            
        <%-- Submission Button --%>
        <p><asp:Button id="submitButton" runat="server" text="Submit" OnClick="submitButtonClick" /></p>
        <div>
            <asp:label id="formSubmitLabel" runat="server" />
        </div>

</asp:Content>

<asp:Content ID="Content3" ContentPlaceHolderID="SideBarPlaceHolder" Runat="Server" >

</asp:Content>